li , ul{
	padding: 0;
	margin: 0;
	list-style: none;
}
a{
	text-decoration:none;
	cursor: pointer;
}
p{
	margin: 0;
	padding: 0;
}
input{
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
}
input::placeholder{
	color: #999999;
}
button{
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}
.font14{
	font-size: 14px;
}
.font16{
	font-size: 16px;
}
.font18{
	font-size: 18px;
}
.font20{
	font-size: 20px;
}
.color999{
	color:#999999;
}
.color666{
	color:#666666;
}
.color333{
	color:#333333;
}
.colorWrite{
	color: #FFFFFF;
}
.colorBlue{
	color: #246df3;
}
.colorRed{
	color: #f33a3a;
}
.left{
	display: flex;
}
.right{
	display: flex;
	flex-direction: row-reverse;
}
/* login page */
.login_wrap{
	width: 100%;
	height: 100%;
}
.login_bgpic{
	width: 100%;
	height: 100%;
	/*background: url(/wpui-admin/wp-ewallet-admin/static/image/other.png) no-repeat;*/
	position: absolute;
	top: 0;
	left: 0;
	background-size:90%  100%;
	z-index: -1;
}
.login_dianzhui{
	width: 998px;
	height: 648px;
	position: absolute;
	z-index: -1;
	right:0;
	top: 50%;
	/*使用transform实现元素的居中是参考元素本身的宽高*/
	transform: translate(20%,-50%);
	background: url(/wpui-admin/wp-ewallet-admin/static/image/BG.png) no-repeat;
	background-size:90% 100%;
}
.login_input_box{
	display: flex;
	flex-direction: column;
	width: 450px;
	height: 800px;
	margin-left: 12.5%;
	margin-top: 11%;
}
.register_input_box , .forgetpassword_input_box{
	display: flex;
	flex-direction: column;
	width: 450px;
	height: 800px;
}
.register_input_box{
	margin-left: 12.5%;
	margin-top: 4%;
}
.forgetpassword_input_box{
	margin-left: 12.5%;
	margin-top: 8%;
}
.login_tittle{
	width: 450px;
	height: 48px;
	font-size: 48px;
	color: #333;
}
.login_input_box2 , .login_input_box3{
	width: 400px;
	height: 56px;
	background: #f8fffb;
	border: 1px solid #D3EDFF;
	border-radius: 6px;
	/* flex-direction: row-reverse; */
}
.login_input_box2 {
	margin-top: 56px;
}
.login_input_box3 {
	margin-top: 24px;
}
.zhanghu_pic{
	width: 24px;
	height: 27px;
	margin-left: 32px;
}
.zhanghu_pic2{
	width: 22px;
	height: 27px;
	margin-left: 32px;
}
.login_input{
	width: 320px;
	height: 56px;
	border-radius: 6px;
	background:#f8fdff;
	font-size: 16px;
	text-indent: 16px;
}
.login_input_box4{
	width: 400px;
	height: 56px;
	background: #1890FF;
	box-shadow: 0px 4px 4px rgba(22 , 196 , 96 , 0.3);
	border-radius: 6px;
	flex-direction: row;
	line-height: 56px;
	margin-top: 24px;
	text-align: center;
	cursor: pointer;
}
.login_input_box4:active{
	box-shadow: 0px 0px 0px rgba(42 , 153 , 255 , 0.3);
}
.remembermeBox{
	width: 400px;
	height:20px;
	margin-top: 14px;
	color: #666666;
	display: flex;
	justify-content: space-between;
}
.rememberme{
	width: 14px;
	height: 14px;
	margin-top: 1px;
	flex-direction: row;
}
/* weekly-inquiry ---------------------------------- */
.wrap_box{
	width: 100%;
	height: 100%;
}
.search_line{
	width: 100%;
	height: 40px;
	line-height: 40px;
	display: flex;
	justify-content: space-between;
}
.search_box_0{
	width:250px;
}
.search_box_1{
	width:250px;
	margin-left:16px;
}
.search_box_2{
	width:230px;
	margin-left:16px;
}
.input_border{
	width: 180px;
	height: 36px;
	border-radius: 4px;
	border: 1px solid #d9d9d9;
	background: #FFFFFF;
	display: flex;
	margin-left:4px;
	margin-top:2px;
	align-items: center;
}
.input_box{
	height: 30px;
	width: 130px;
	margin-left: 8px;
}
.btn_chaxun{
	width: 100px;
	height: 40px;
	background: #0ec66a;
	border-radius: 6px;
	color: #FFFFFF;
	box-shadow:  2px 2px 2px rgba(14 , 198 , 106 , 0.2);
}
.btn_daochu{
	width: 120px;
	height: 34px;
	background: #0ec66a;
	border-radius: 4px;
	color: #FFFFFF;
	margin-right: 16px;
}
.list_box{
	width: 100%;
	background: #FFFFFF;
	border-radius: 6px;
	margin-top: 16px;
	box-shadow:  2px 2px 2px rgba(0 , 0 , 0 , 0.1);
}
.list_title_line{
	width: 100%;
	height: 34px;
	display: flex;
	justify-content:space-between;
	align-items: center;
	padding-top: 16px;
}
.green_title{
	width: 6px;
	height: 30px;
	background: #0ec66a;
}
.list_title_font{
	margin-left: 6px;
	margin-top: 2px;
}
.list_table{
	width: 100%;
}
/* weekly-report------------------------------- */
.write_box{
	width: 100%;
	height: 560px;
	display: flex;
	justify-content: space-between;
}
.rili_box{
	width:520px;
	height:560px;
	background: #FFFFFF;
	border-radius: 6px;
	box-shadow:2px 2px 2px rgba(0 , 0 , 0 , 0.1);
}
.tianxie_box{
	flex:1;
	height: 560px;
	background: #FFFFFF;
	margin-left: 16px;
	border-radius: 6px;
	box-shadow:2px 2px 2px rgba(0 , 0 , 0 , 0.1);
}
.tianxie_input{
	width: 100%;
	display: flex;
	justify-content: center;
	margin-left: -20px;
	margin-top: 24px;
}
.tianxie_input2{
	width: 100%;
	display: flex;
	justify-content: center;
	margin-top: 24px;
}
.search_box_3{
	width:400px;
	height: 38px;
	line-height: 38px;
	display:flex;
}
.search_box_4{
	width:472px;
	height: 38px;
	line-height: 38px;
	display:flex;
	margin-left: 34px;
}
.input_border2 , .textare_border{
	width: 400px;
	border-radius: 4px;
	border: 1px solid #d9d9d9;
	background: #FFFFFF;
}
.input_border2 {
	height: 38px;
}
.textare_border{
	height: 76px;
}
.btn_tijiao{
	width: 120px;
	height: 38px;
	background: #0ec66a;
	border-radius: 6px;
	color: #FFFFFF;
	box-shadow:  2px 2px 2px rgba(14 , 198 , 106 , 0.2);
}
.btn_chongzhi{
	width: 120px;
	height: 38px;
	background: #246df3;
	border-radius: 6px;
	color: #FFFFFF;
	box-shadow:  2px 2px 2px rgba(36 , 109 , 243 , 0.2);
}
.btn_box{
	width:300px;
	height: 38px;
	line-height: 38px;
	display:flex;
	margin-top: 26px;
	margin-left: -14px;
}
/* 日历样式 */
.calendar{
  width: 480px;
  margin-left:16px;
}
.sign_main .sign_succ_calendar_title{
  width: 100%;
  height: 50px;
  position: relative;
  font-size: 16px;
  color: #333;
}
.sign_main .sign_succ_calendar_title .calendar_month_next{
  position: absolute;
  padding: 0 10px;
  right: 0;
  top: 0;
  line-height: 50px;
  cursor: pointer;
}
.sign_main .sign_succ_calendar_title .calendar_month_prev{
  position: absolute;
  padding: 0 10px;
  left: 0;
  top: 0;
  line-height: 50px;
  cursor: pointer;
}
.sign_main .sign_succ_calendar_title  .calendar_month_span{
  width: 100%;
  text-align: center;
  line-height: 50px;
}
.calendar_table {
  width: 100%;
}
.calendar_table  tr td ,.calendar_table tr th{
  position: relative;
  padding: 10px;
  text-align: center;
  border: 1px solid #FFFFFF;
}
.calendar_table  tr td.c-td span{
   width: 30px;
   height: 30px;
   display:block;
   margin: 0 auto;
   font-size: 14px;
   line-height: 30px;
   border-radius: 50%;
}
/* 今天 */
.calendar_table  tr td.c-td.now span{
	background: rgba(14,198,106,.2);
}
/* 当前点击 */
.calendar_table  tr td.c-td.curr span{
	background: rgb(220,220,220);
}
/* 签到 */
.calendar_table  tr td.c-td.on::after{ 
  width: 8px;
  height: 8px;
  margin-left: -4px;
  text-indent: 99px;
  display: block;
  position: absolute;
  content: '签到';
  background: rgba(14,198,106,1);
  border-radius:50%;
  left: 50%;
  bottom: 5px;
  overflow: hidden;
}
/* 未签到 */
.calendar_table  tr td.c-td.no::after{
	width: 8px;
	height: 8px;
	margin-left: -4px;
	text-indent: 99px;
	display: block;
	position: absolute;
	content: '签到';
	background: red;
	border-radius:50%;
	left: 50%;
	bottom: 5px;
	overflow: hidden;
}
/* 其它休假 */
.calendar_table  tr td.c-td.other::after{ 
  width: 8px;
  height: 8px;
  margin-left: -4px;
  text-indent: 99px;
  display: block;
  position: absolute;
  content: '其它休假';
  background: rgba(213,33,19,1);
  border-radius:50%;
  left: 50%;
  bottom: 5px;
  overflow: hidden;
}
.rili_line{
	width: 100%;
	height: 34px;
	display: flex;
	justify-content:center;
	align-items: center;
	margin-top: 16px;
}
.green_block{
	width: 12px;
	height: 12px;
	background: #0ec66a;
}
.red_block{
	width: 12px;
	height: 12px;
	background: #f33a3a;
	margin-left: 24px;
}